<template>
	<div class="content-box">
		<div>
			<!-- 页面主内容 信息 -->
			<div class="m-30">

				<div class="bg-fff  bor-r8 mt-20 contract pt-40 pb-40">

					<div class="fontS32 color-3">下载合同</div>
					<div class="fontS28 color-6 mt-10">此合同用于线下签约</div>
					<div class="downContract color-green mt-20" @click="downLoad">下载薪岗通法务咨询服务合同</div>



				</div>
				<div class="bg-fff p-20 bor-r8 mt-20 color-3">
					<div class="fontS28 color-3 lh-60">
						薪岗通签约收件地址
					</div>
					<div class="fontS24 color-3 lh-40">
						江苏省南京市玄武区红山南路51号1栋602室
					</div>
					<div class="fontS24 color-3 lh-40">
						联系人001 13600000000
					</div>

				</div>
				<div class="bg-fff p-20 bor-r8 mt-20 color-3">
					<div class="fontS28 color-3 lh-60">
						线下签约流程
					</div>
					<div class="fontS24 color-3 lh-40">
						1、下载薪岗通服务合同，一式两份
					</div>
					<div class="fontS24 color-3 lh-40">
						2、检查文件是否完整，签字加盖合同章，需骑缝章
					</div>
					<div class="fontS24 color-3 lh-40">
						2、企业留存一份，寄回一份至薪岗通公司
					</div>
				</div>
			</div>
			<!-- <div class="bottom">
				<div class="ml-auto flex-center">

					<div class="bottomBtnConfirm ml-32" @click="submit">确认签约
					</div>
				</div>

			</div> -->
		</div>
	</div>
</template>
<script>
import { exportContract } from '@/api/order'
export default {
	data() {
		return {
			baseUrl: getApp().globalData.baseUrl,
			orderId: ''
		};
	},
	computed: {
		userInfo() {
			return this.$store.getters.userInfo || {};
		},
	},

	async onLoad(opt) {

		if (opt.id) {
			this.orderId = opt.id
		}
	},


	methods: {
		async downLoad() {
			const { data } = await exportContract({ id: this.orderId })
			uni.downloadFile({
				url: this.baseUrl + data.url,
				success: (res) => {
					console.log(res)
					if (res.statusCode === 200) {
						uni.openDocument({
							filePath: res.tempFilePath,
							fileType: data.url.split('.')[data.url.split('.').length - 1], // 可以是doc, docx, xls, xlsx, ppt, pptx, pdf
							success: function (res) {

								uni.setClipboardData({
									data: this.baseUrl + data.url,
									success: () => {
										uni.showToast({
											title: '复制成功，请在浏览器打开保存',
											icon: 'none'
										});
									},
									fail: (err) => {
										console.error('复制失败:', err);
										uni.showToast({
											title: '复制失败',
											icon: 'none'
										});
									}
								});
								// 用户可以从预览界面选择"保存到手机"
							},
							fail: function (err) {
								console.error('打开失败', err);
								uni.showToast({ title: '打开文件失败', icon: 'none' });
							}
						});
					}
				},
				fail: (err) => {
					uni.hideLoading();
					console.error('下载失败', err);
					uni.showToast({
						title: '下载失败',
						icon: 'none'
					});
				}
			});
		},
		// saveFile(tempFilePath) {
		// 	uni.saveFile({
		// 		tempFilePath: tempFilePath,
		// 		success: (res) => {
		// 			uni.showToast({
		// 				title: '保存成功',
		// 				icon: 'success'
		// 			});
		// 			console.log('文件保存路径:', res.savedFilePath);
		// 		},
		// 		fail: (err) => {
		// 			console.error('保存失败', err);
		// 			uni.showToast({
		// 				title: '保存失败',
		// 				icon: 'none'
		// 			});
		// 		}
		// 	});
		// },

	}
};
</script>
<style lang="less" scoped>
@import url(order.less);

.content-box {
	height: 100vh;
	overflow: hidden;

}
</style>
